Page{
  background-color: #ebece7;
}
.user_info_wrap {
  height: 35vh;
  overflow: hidden;
  background-color: darkgoldenrod;
  position: relative;
  .user_img_wrap {
    position: relative;
    .user_bg {
      height: 35vh;
      transform: scale(1.2);
      filter: blur(5rpx);
    }

    .user_info {
      position: absolute;
      left: 50%;
      top: 20%;
      // background-color: darkred;
      transform: translate(-50%);
      text-align: center;
      .user_icon {
        width: 200rpx;
        height: 200rpx;
        border-radius: 50%;
      }

      .user_name {
        color: #fff;
        margin-top: 40rpx;
        font-size: 40rpx;
      }
    }
  }
  .user_btn{
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%);
    color: greenyellow;
    border: 1rpx solid currentColor;
    font-size: 38rpx;
    padding: 30rpx;
    border-radius: 10rpx;
  }
}

.user_content{
  position: relative;
  .user_main{
    color: #666;
    padding-bottom: 100rpx;
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translate(-50%);
    top: -40rpx;
   .history_wrap{
     display: flex;
     background-color: #fff;
      navigator{
        padding: 12rpx 0;
        flex: 1;
        text-align: center;
        .his_num{
          color: var(--themeColor);
        }
        .his_name{}
      }
   }
   .orders_wrap{
     background-color: #fff;
     margin-top: 30rpx;
     .orders_title{
       padding: 20rpx;
       border-bottom: 1px solid #ccc;
     }
     .order_content{
       display: flex;
      navigator{
        padding: 15rpx 0;
        flex: 1;
        text-align: center;
        .iconfont{
          color: var(--themeColor);
          font-size: 40rpx;
        }
        .order_name{}
      }
     }
   }
   .address_wrap{
     margin-top: 30rpx;
     background-color: #fff;
     padding: 20rpx;
   }
   .app_info_wrap{
     margin-top: 30rpx;
     background-color: #fff;
     .app_info_item{
       padding: 20rpx;
      //  border-bottom: 1rpx solid #ccc; 
      border-bottom: 1rpx solid #CCC;
     }
     .app_info_contact{
       display: flex;
       justify-content: space-between;
     }
   }
   .recommend_wrap{
      margin-top: 30rpx;
      background-color: #fff;
      padding: 20rpx;
   }
  }
}